<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
	</head>

	<body style="background-color: #000000;">
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			var pusher = null;
			mui.plusReady(function() {
				pusher = plus.video.createLivePusher('pusher', {
					url: 'rtmp://192.168.1.10:1935/stream/hello'
				});
				if (pusher != null) {
					plus.webview.currentWebview().append(pusher);
					pusher.switchCamera();
				}

				var floatWebView = plus.webview.getWebviewById('video_chatting_float.html');
				if (floatWebView == null)
					floatWebView = plus.webview.create(
						'video_chatting_float.html', 'video_chatting_float.html', {
							background: "transparent",
							zindex: 10
						});

				floatWebView.show();
			});
			
			function closePusher() {
				if (pusher != null) {
					pusher.stop();
					pusher.close();
					pusher = null;
					plus.webview.currentWebview().remove(pusher);
				}
			}
		</script>
	</body>

</html>
